<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" th:replace="header/header::header('帅小铺-登录',
'/assets/libs/login/jquery.searchableSelect.css,
/assets/layui/css/layui.css,/assets/module/admin.css',
'/assets/libs/login/jquery.searchableSelect.js')"></head>
</head>
<body style="overflow: hidden; min-width: auto;" class="theme-my" data-theme="theme-my">
<style>
	input[type="text"]{ border:0px; padding:0px; margin:0px;-webkit-appearance: none;}
	input{ border:0px; padding:0px; margin:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
	.container{
    width: 500px;
    height: 600px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.container .box{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    width: 100px;
    height: 100px;
    margin: 20px;
}
.container .box .img{
    width:100px;
    height: 100px;
    box-shadow: 18px 18px 30px rgba(0,0,0,0.1),
    -18px -18px 30px rgba(255,255,255,1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efeeee;
    transition: box-shadow .2s ease-out;
    position: relative;
    color: #9E9E9E;
    font-size: 16px;
    font-weight: bold;
}
.container .box .img img{
    width: 60px;
    transition: width .2s ease-out;
}
.container .box p{
    color: slategray;
}
.container .box .img:hover{
    box-shadow: 0 0 0 rgba(0,0,0,0.1),
    0 0 0 rgba(255,255,255,1),
     inset 18px 18px 30px rgba(0,0,0,0.1),
     inset -18px -18px 30px rgba(255,255,255,1);
    transition: box-shadow .2s ease-out;
}
.container .box .img:hover img{
    width: 58px;
    transition: width .2s ease-out;
}

body .layui-btn.layui-btn-disabled, body .layui-transfer-active .layui-btn.layui-btn-disabled {
    background-color: #fff!important;
    border-color: #e6e6e6!important;
    color: #c9c9c9!important;
    border: 0px solid #e6e6e6;
}
</style>
	<div class="phoneSig">
		<div class="phoneSigPage">
			<div class="phoneSig-Flex">
			
				<!-- 手机验证码登录 -->
				<div th:replace="login/common :: codelogin"></div>
				<!-- /手机验证码登录  -->
				
				<!-- 账号密码登录 -->
				<div th:replace="login/common :: accountlogin"></div>
				<!-- /账号密码登录  -->
				
				<!-- 注册  -->
				<div th:replace="login/common :: signup"></div>
				<!-- /注册  -->
			</div>
		</div>
	</div>
	<script type="text/javascript" src="/assets/libs/login/app.js?v=1"></script>
</body>
</html>